<template>
  <tabbar style="position:fixed;">
    <tabbar-item link="/jifen_shop_all" :selected="selected.indexOf('all') !== -1">
      <i slot="icon" class="iconfont icon-jifenshangcheng-"></i>
      <span slot="label">全部商品</span>
    </tabbar-item>
    <tabbar-item link="/jifen_shop?category_id=15" :selected="selected.indexOf('category') !== -1">
      <i slot="icon" class="iconfont icon-qita"></i>
      <span slot="label">商品分类</span>
    </tabbar-item>
    <tabbar-item link="/integrals2" :selected="selected.indexOf('jifen') !== -1">
      <i slot="icon" class="iconfont icon-zhanghuyue"></i>
      <span slot="label">我的积分</span>
    </tabbar-item>
    <tabbar-item link="/user" :selected="selected.indexOf('record') !== -1">
      <i slot="icon" class="iconfont icon-wode1"></i>
      <span slot="label">我的</span>
    </tabbar-item>
  </tabbar>
</template>
<script>
import { Tabbar, TabbarItem } from 'vux'
export default {
  name: 'footerBar',
  components: {
    Tabbar,
    TabbarItem
  },
  props: {
    selected: {
      type: String,
      default: 'home'
    }
  },
  computed: {
  }
}
</script>